<template>
  <div>
    <div class="list-group">
      <div class="list-body list" style="padding: 0">
        <div class="list-body-content" style="padding: 0;border-bottom: 2px solid #EEEEEE;margin-left: 20px">
          <div class="list-enclosure" style="height: 45px;line-height: 45px;margin: 0">
            <span class="icon-label icon-normal" style="margin-right: 8px;">视频</span>
            <div>如何审视自己的内心？</div>
            <span class="rate">60%</span>
          </div>
        </div>
        <div class="list-body-content" style="padding: 0;border-bottom: 2px solid #EEEEEE;margin-left: 20px">
          <div class="list-enclosure" style="height: 45px;line-height: 45px;margin: 0">
            <span class="icon-label icon-green" style="margin-right: 8px;">视频</span>
            <div>如何审视自己的内心？</div>
            <span class="rate">60%</span>
          </div>
        </div>
        <div class="list-body-content" style="padding: 0;border-bottom: 2px solid #EEEEEE;margin-left: 20px">
          <div class="list-enclosure" style="height: 45px;line-height: 45px;margin: 0">
            <span class="icon-label icon-red" style="margin-right: 8px;">视频</span>
            <div>如何审视自己的内心？</div>
            <span class="rate">60%</span>
          </div>
        </div>
        <div class="list-body-content" style="padding: 0;border-bottom: 2px solid #EEEEEE;margin-left: 20px">
          <div class="list-enclosure" style="height: 45px;line-height: 45px;margin: 0">
            <span class="icon-label icon-yellow" style="margin-right: 8px;">视频</span>
            <div>如何审视自己的内心？</div>
            <span class="rate">60%</span>
          </div>
        </div>
        <div class="list-body-content" style="padding: 0;border-bottom: 2px solid #EEEEEE;margin-left: 20px">
          <div class="list-enclosure" style="height: 45px;line-height: 45px;margin: 0">
            <span class="icon-label icon-blue" style="margin-right: 8px;">视频</span>
            <div>如何审视自己的内心？</div>
            <span class="rate">60%</span>
          </div>
        </div>
      </div>
    </div>
    <div class="course-bottom-operation" style="padding: 0 20px 0 20px;background-color: #F9FAFB">
      <div class="course-bottom-operation-text" style="margin-top: 9px;width: 40%">
        全平台有<span>113002</span>人 在学习此课程
      </div>
      <button class="btn btn-blue"
              style="width: 50%;height: 38px;line-height: 38px !important;margin-top: 6px;float: right">加入自学
      </button>
    </div>
  </div>
</template>

<script>
  export default {
    name: "CourseCatalog"
  }
</script>

<style lang="scss" scoped>
  @import "./css/style.scss";
</style>
